const path = require('path');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
  entry: {// 入口文件
		main1:"./src/js/index.js",
		main2:["./src/js/index1.js","./src/js/index3.js"]
	},
  output: { // 出口文件
    path: path.resolve(__dirname, 'dist'),
    filename: 'js/[name].js'
  },
  devServer:{
  	contentBase:"./dist",//本地服务路径
		port: 8080, // 端口号
  	inline:true //实时刷新
  },
  module:{
    rules:[
			{ // es6=>es5
			  test:/(\.jsx|\.js)$/,
			  use:{
					loader: "babel-loader"
			  },
			  exclude:/node_modules/ // 这里的文件不编译
			},
      { // css配置
        test:/\.css$/,
        use:ExtractTextPlugin.extract({
            fallback:"style-loader",
            use:[{
                loader:'css-loader',
                options:{
                  minimize:true
                  //css压缩
                }
            }],
            publicPath:"../"
        })
      },
      { // 图片配置
        test:/\.(jpg|png|jpeg|gif)$/,
        use: 'file-loader?limit=1024&name=./img/[name].[ext]'
      },
      { // html支持图片
        test:/\.html$/,
        use: 'html-withimg-loader'
      },
      { // 图标配置
        test:/\.(woff|ttf|svg|eot|xttf|woff2)$/,
        use: 'file-loader?limit=1024&name=./fonts/[name].[ext]'
      }
    ]
  },
  plugins:[
    new ExtractTextPlugin('./css/[name].css'), // 抽取css
    new HtmlWebpackPlugin({ // 抽取html
		  filename: "index.html",
      template:"./src/index.html",
      minify:{
          removeAttributeQuotes:true,//去除引号
          removeComments:true,//去除注释
          removeEmptyAttributes:true,//去除空属性
          collapseWhitespace:true//去除空格
        },
				hash: true,
				chunks: ['main1', 'main2'], //chunks主要用于多入口文件，引入哪个JS文件就写谁的你名字
    }),
		new HtmlWebpackPlugin({ // 抽取html1
		  filename: "cart.html",
		  template:"./src/index1.html",
		  minify:{
		      removeAttributeQuotes:true,//去除引号
		      removeComments:true,//去除注释
		      removeEmptyAttributes:true,//去除空属性
		      collapseWhitespace:true//去除空格
		    },
				hash: true,
				chunks: ['main1'], //chunks主要用于多入口文件，引入哪个JS文件就写谁的你名字
		})
  ]
};